<template>
    <div class="home">
        <van-swipe :autoplay="3000">
            <van-swipe-item v-for="(image, index) in images" :key="index">
                <img :src="image" />
            </van-swipe-item>
        </van-swipe>
        
        <div class="list">
            <van-card
                num="2"
                tag="特价"
                price="2.00"
                desc="全棉毛巾（2件礼盒装）"
                title="松霖毛巾"
                thumb="https://pic.solux.cn/image/bd/71/e5/22cdec95a10545904f6d8612a7.png?1553147392#h"
                origin-price="10.00"
            />
            <van-card
                num="2"
                tag="特价"
                price="2.00"
                desc="全棉毛巾（2件礼盒装）"
                title="松霖毛巾"
                thumb="https://pic.solux.cn/image/bd/71/e5/22cdec95a10545904f6d8612a7.png?1553147392#h"
                origin-price="10.00"
            />
            <van-card
                num="2"
                tag="特价"
                price="2.00"
                desc="全棉毛巾（2件礼盒装）"
                title="松霖毛巾"
                thumb="https://pic.solux.cn/image/bd/71/e5/22cdec95a10545904f6d8612a7.png?1553147392#h"
                origin-price="10.00"
            />
        </div>
    </div>
</template>
<script>
export default {
    name: 'Home',
    data() {
        return {
            images: [
                'https://pic.solux.cn/image/fc/e6/e9/f7c018630a1c8613bda2347d36.jpg',
                'https://pic.solux.cn/image/7b/44/2a/160144f76c3acadec4753da6be.png',
            ],
        };
    },
}
</script>
<style scoped>
    .home .van-swipe-item{width:100%;height:4.22rem;}
    .list{margin-top:0.1rem;background:#fff;padding-bottom:1.2rem}
    .van-card__content{text-align:left;}
</style>